<!DOCTYPE html>
<html lang="en">

	<head>
		<title>Typography1</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<!-- css -->
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
		<!--// css -->
		<!-- font-awesome icons -->
		<link href="css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Cinzel:400,700,900" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
		<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
		<!-- //font -->

		<link rel="stylesheet" href="css/layui.css" media="all">

		<link href="css/jquery.fancyspinbox.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/lay/modules/layer.js" charset="utf-8"></script>
		<script src="js/layui.js"></script>

		<script src="js/bootstrap.js"></script>

		<script>
			layui.use('laypage', function() {
				var laypage = layui.laypage;

				//执行一个laypage实例
				laypage.render({
					elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
						,
					count: 50 //数据总数，从服务端得到
				});
			});
		</script>

		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>
		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
	</head>

	<body>
		<!-- banner -->
		<div class="banner jarallax">
			<div class="banner-dot">
				<div class="header-top">
					<div class="container">
						<div class="header-top-left">
							<p><i class="fa fa-home" aria-hidden="true"></i> 1st Street , mexico city</p>
						</div>
						<div class="header-top-right">
							<p><i class="fa fa-phone" aria-hidden="true"></i> +1 234 567 8901</p>
						</div>
					</div>
				</div>
				<div class="header">
					<div class="container">
						<div class="header-left">
							<div class="w3layouts-logo">
								<h1>
								<a href="index.html">Carmotive</a>
							</h1>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>

				<div class="header-right about-top">
					<div class="container">
						<div class="top-nav">
							<nav class="navbar navbar-default">
								<div class="navbar-header">
									<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
								</div>
								<!--navbar-header-->
								<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
									<ul class="nav navbar-nav navbar-right">
										<li>
											<a href="index.html">Home</a>
										</li>
										<li>
											<a href="about.html">About</a>
										</li>
										<li>
											<a href="gallery.html">Gallery</a>
										</li>
										<li class="">
											<a href="#" class="dropdown-toggle hvr-bounce-to-bottom active" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Recruit<span class="caret"></span></a>
											<ul class="dropdown-menu">
												<li>
													<a class="hvr-bounce-to-bottom" href="icons.html">Icons</a>
												</li>
												<li>
													<a class="hvr-bounce-to-bottom" href="typography.html">Typography</a>
												</li>
											</ul>
										</li>
										<li>
											<a href="Information Center.html">Information Center</a>
										</li>
										<li>
											<a href="contact.html">Contact Us</a>
										</li>
									</ul>
									<div class="clearfix"> </div>
								</div>
							</nav>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="wthree-heading">
					<h2>Typography</h2>
				</div>
			</div>
		</div>
		<!-- //banner -->

		<!-- subscribe -->
		<div class="wthree-subscribe">
			<div class="container">
				<div class="agileits-heading">
					<h3>Resume filling</h3>
				</div>
				<div class="w3-agileits-subscribe-form">

					<form class="layui-form" action="">
						<div class="layui-form-item">
							<div class="layui-input-block">
								<label>姓名</label>
								<input type="text" name="username" lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-input-block">
								<label>号码</label>
								<input type="text" name="username" lay-verify="required" placeholder="请输入电话号码" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-input-block">
								<label>邮箱</label>
								<input type="text" name="username" lay-verify="required" placeholder="请输入邮箱地址" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-input-block">
							<div class="layui-upload">
							  <button type="button" class="layui-btn layui-btn-normal" id="test8">选择文件</button>
							  <button type="button" class="layui-btn" id="test9">开始上传</button>
							</div>
								<script>
									layui.use('upload', function(){
									  var $ = layui.jquery
									  ,upload = layui.upload;
									
									 //选完文件后不自动上传
								  upload.render({
								    elem: '#test8'
								    ,url: '/upload/'
								    ,auto: false
								    //,multiple: true
								    ,bindAction: '#test9'
								    ,done: function(res){
								      console.log(res)
								    }
								  });
									
									})
								</script>
							</div>
						</div>
						
						<div class="layui-form-item">
			    <div class="layui-input-block">
			      <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
			      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
			    </div>

				</div>

			</div>

		</div>
		</form>
		</div>
		</div>
		</div>
		<!-- //subscribe -->

		<!-- footer -->
		<div class="w3-agile-footer">
			<div class="container">
				<div class="footer-grids">
					<div class="col-md-3 footer-grid">
						<div class="footer-grid-heading">
							<h4>Address</h4>
						</div>
						<div class="footer-grid-info">
							<p>Guizhou Aerospace Vocational and Technical College
								<span>65 Ping'an Avenue,Zip codet 563000.</span>
							</p>
							<p class="phone">Phone : +135 9559 4303
								<span>Email : <a href="#">2671412803@qq.com</a></span>
								<span>FAX : <a href="#">123 456 789</a></span>
							</p>
						</div>
					</div>
					<div class="col-md-3 footer-grid">
						<div class="footer-grid-heading">
							<h4>Navigation</h4>
						</div>
						<div class="footer-grid-info">
							<ul>
								<li>
									<a href="index.html">Home</a>
								</li>
								<li>
									<a href="about.html">About</a>
								</li>
								<li>
									<a href="gallery.html">Gallery</a>
								</li>
								<li>
									<a href="icons.html">Icons</a>
								</li>
								<li>
									<a href="typography.html">Typography</a>
								</li>
								<li>
									<a href="Information Center.html">Information Center</a>
								</li>
								<li>
									<a href="contact.html">Contact</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 footer-grid">
						<div class="footer-grid-heading">
							<h4>Newsletter</h4>
						</div>
						<div class="agile-footer-grid">
							<ul class="w3agile_footer_grid_list">
								<li>Lamborghinini, the company's new beauty product
									<a href="#">http://Lamborghinini.com</a> at list,for everybody.
									<span><i class="fa fa-twitter" aria-hidden="true"></i> 02 days ago</span></li>
								<li>Lamborghinini, the company's new beauty product
									<a href="#">http://Lamborghinini.com</a><span><i class="fa fa-twitter" aria-hidden="true"></i> 03 days ago</span></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 footer-grid">
						<div class="footer-grid-heading">
							<h4>Follow</h4>
						</div>
						<div class="social">
							<ul>
								<li>
									<a href="#"><i class="fa fa-facebook"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-twitter"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-rss"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-vk"></i></a>
								</li>
							</ul>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="agileits-w3layouts-copyright">
					<p>Preson &copy; 2019.Company name All rights reserved.</p>
				</div>
			</div>
		</div>
		<!-- //footer -->
		<script src="js/jarallax.js"></script>
		<script src="js/SmoothScroll.min.js"></script>
		<script type="text/javascript">
			/* init Jarallax */
			$('.jarallax').jarallax({
				speed: 0.5,
				imgWidth: 1366,
				imgHeight: 768
			})
		</script>

		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<!-- here stars scrolling icon -->
		<script type="text/javascript">
			$(document).ready(function() {
				/*
					var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
					};
				*/

				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<!-- //here ends scrolling icon -->
	</body>

</html>